  <script type="text/javascript" src="<?php echo $this->baseUrl('js/posicionamiento/')?>geo.js"></script>
  <script>

  $(document).ready(function() {

	obtenerPosicion();
	  
	$('a[articulo*=]').each(function(indice,valor) {
		$(this).click(function() {
			var datos = $(this).attr("articulo");
			guardarArticuloSeleccionado($(this).attr("articulo"));			
		});
	});

	
	$('#botonGuardarPedido').click(function() {

		var ajaxurl= "<?php
            echo $this->url(
            array('controller' => 'Pedido', 
            'action' => 'guardarpedido'));
            ?>";
        var urlIndex= "<?php
                echo $this->url(array('controller' => 'Clientes','action' => 'index', 'opcion'=>2), null, true);
                ?>";

        $.ajax({
            type: "POST",
            url: ajaxurl,
            data: { 
                'latitud':$('#latitud').val(),
                'longitud':$('#longitud').val(),
                'precision':$('#precision').val()
            },
            error: function(jqXHR, textStatus, errorThrown) { 
           	 	alert('Error: ' + textStatus);
            },
            beforeSend: function() { $.mobile.showPageLoadingMsg(); },
            complete: function() { $.mobile.hidePageLoadingMsg(); },
            success:  function(resp){
                try {     
                                    
 					if(resp == 'EXITO'){
 	  					alert('Pedido Guardado con Exito!');
						window.location.replace(urlIndex);
					}else if(resp == 'SIN_DATOS'){
						alert('Debe adicionar por lo menos un producto al pedido!');
					}
					else{
						alert(resp);
					}					
				} catch (e) {
					alert('Posible error en javascript:\n\n'+ e.message);
        		}
            }     
	    });        
        	
	});	



	
	$('#btnAdcionar').click(function() {

		var idArticulo = $('#id_codigo').val();
		var cantPedido = $('#id_cantidadPedido').val();
		var cantCambio = $('#id_cantidadCambio').val();
		var cantInventario = $('#id_cantidadInventario').val();	

		if(isNaN(idArticulo) || $.trim(idArticulo).length == 0 || idArticulo <= 0){
			alert('Debe Seleccionar un producto!');
			$('#botonSeleccionarArticulo').focus();
			return false;
		}
		
		if(isNaN(cantPedido) || $.trim(cantPedido).length == 0 || cantPedido < 0){
			alert('Debe ingresar un numero valido en PEDIDO');
			$('#id_cantidadPedido').focus();
			return false;
		}	
		
		if(isNaN(cantCambio) || $.trim(cantCambio).length == 0 || cantCambio < 0){
			alert('Debe ingresar un numero valido en CAMBIO');
			$('#id_cantidadCambio').focus();
			return false;
		}
		if(isNaN(cantInventario) || $.trim(cantInventario).length == 0 || cantInventario < 0){
			alert('Debe ingresar un numero valido en INVENTARIO');
			$('#id_cantidadInventario').focus();
			return false;
		}	

		if((cantPedido+cantCambio+cantInventario) == 0 ){
			alert('Debe ingresar al menos una cantidad positiva en PEDIDO o en CAMBIO o en INVENTARIO');
			$('#id_cantidadPedido').focus();
			return false;			
		}	
		
		var ajaxurl= "<?php
            echo $this->url(
            array('controller' => 'Pedido', 
            'action' => 'additem'));
            ?>";
        var urlIndex= "<?php
                echo $this->url(
                array('controller' => 'Pedido', 
                'action' => 'index'));
                ?>";
           
		$.ajax({
             type: "POST",
             url: ajaxurl,             
             data: { 
                 'idArticulo':idArticulo,
                 'cantPedido':cantPedido,
                 'cantCambio':cantCambio,
                 'cantInventario':cantInventario
             },
             error: function(jqXHR, textStatus, errorThrown) { 
            	 	console.log(jqXHR);
                 	alert('Error: ' + textStatus);
             },
             beforeSend: function() { $.mobile.showPageLoadingMsg(); },
             complete: function() { $.mobile.hidePageLoadingMsg(); },
             success:  function(resp){
                 try {                     
  					if(resp == 'ok'){
						window.location.replace(urlIndex);
					}					
				} catch (e) {
					alert('Posible error en javascript:\n\n'+ e.message);
         		}
             }     
	    });	
					
	});	
	
	function guardarArticuloSeleccionado(idArticulo) {

		var datos = ''+idArticulo;

		//seleccionarproductoAction
		var ajaxurl= "<?php
            echo $this->url(
            array('controller' => 'Pedido', 
            'action' => 'seleccionarproducto'));
            ?>";
    	var urlIndex= "<?php
                echo $this->url(
                array('controller' => 'Pedido', 
                'action' => 'index'));
                ?>";
            
		$.ajax({
             type: "POST",
             url: ajaxurl,             
             data: { 
                 'idArticulo':datos
             },
             error: function(jqXHR, textStatus, errorThrown) { 
                 	alert('Error: ' + textStatus);
             },
             beforeSend: function() { $.mobile.showPageLoadingMsg(); },
             complete: function() { $.mobile.hidePageLoadingMsg(); },
             success:  function(resp){
                 try {                     
					if(resp == 'ok'){
						window.location.replace(urlIndex);
					}					
				} catch (e) {
					alert('Posible error en javascript:\n\n'+ e.message);
         		}
             }     
	    });	 		
			
	}	
	  
  });
  
	

   </script>

 <?php echo $this->layout()->content; ?>
 <div data-role="page">
            <div data-role="header" data-theme="b">
				<a data-role="button" data-inline="true" data-icon="back" data-ajax="false"
					href="<?php echo $this->url(array('controller' => 'Clientes','action' => 'infocliente', 'idCliente'=>$this->cliente['id']), null, true);?>"><?php echo TEXT_BOTON_REGRESAR;?></a>            	
		        <h1><?php echo $this->escape($this->title); ?></h1>
            </div>
            
             <input type="hidden" id="latitud" value=""  />
             <input type="hidden" id="longitud" value=""  />
             <input type="hidden" id="precision" value=""  />       

            <div data-role="content">        
            	<a  
            	id="botonSeleccionarArticulo"
            	data-role="button"
            	data-theme="c"            	
            	href="#popupProductos" 
            	data-icon="alert" 
            	data-rel="dialog" 
            	data-transition="pop">Seleccionar</a>
            	        
				<div data-role="fieldcontain">
			         <label for="id_codigo"><B>CODIGO</B></label>
			         <input type="text" name="codigo" id="id_codigo" 
			         readonly="readonly" value="<?php echo $this->articuloSelected['id'];  ?>"  />
				</div>
				<div data-role="fieldcontain">
			         <label for="id_descripcion"><B>DESCRIPCION</B></label>
			         <input type="text" name="descripcion" id="id_descripcion" 
			         readonly="readonly" value="<?php echo $this->articuloSelected['descripcion'];  ?>"  />
				</div>
				<div data-role="fieldcontain">
			         <label for="id_precio"><B>PRECIO</B></label>
			         <input type="text" name="precio" id="id_precio" 
			         readonly="readonly" value="<?php echo $this->articuloSelected['precio'];  ?>"  />
				</div>
				
				<div class="ui-grid-a">
					<div class="ui-block-a">
						<div data-role="fieldcontain">
					         <label for="id_cantidadPedido"><B>PEDIDO</B></label>
					         <input type="number" name="cantidadPedido" value="0" id="id_cantidadPedido" />
						</div>
					</div>
					<div class="ui-block-b">
						<div data-role="fieldcontain">
					         <label for="id_cantidadCambio"><B>CAMBIO</B></label>
					         <input type="number" name="cantidadCambio" value="0" id="id_cantidadCambio" />
						</div>
					</div> 
					<div class="ui-block-a">
						<div data-role="fieldcontain">
					         <label for="id_cantidadInventario"><B>INVENTARIO</B></label>
					         <input type="number" name="cantidadInventario" value="0" id="id_cantidadInventario" />
						</div>
					</div> 					  
					<div class="ui-block-b">
						<div data-role="fieldcontain">
					         <a  data-role="button"  data-theme="b" id="btnAdcionar" data-icon="alert">ADICIONAR</a>
						</div>
					</div> 
				</div>
				
				<div class="ui-grid-solo" align="center" id="totales">	
					<div class="ui-block-a">		       
				      	<h3> <B>VALOR PEDIDO:    </B><font color="red"><?php echo number_format($this->totalPedido);  ?></font></h3>
				     </div> 			       
					<div class="ui-block-a">		       
				      	<h3> <B>VALOR CAMBIO:    </B><font color="red"><?php echo number_format($this->totalCambio);  ?></font></h3>
				     </div> 
					<div class="ui-block-a">		       
				      	<h3> <B>VALOR INVENTARIO:    </B><font color="red"><?php echo number_format($this->totalInventario);  ?></font></h3>
				     </div>
					<div class="ui-block-a">		       
				      	<h3> <B>% CAMBIO:    </B><font color="red"><?php 
				      	if($this->totalPedido == 0){
				      		echo '0';
				      	}else{
				      		echo number_format(($this->totalCambio/$this->totalPedido)* 100, 2); 	
				      	}
				      	?>
				      	</font></h3>
				     </div>
				</div>				
				
	
                <div class="ui-grid-a">
					<div class="ui-block-a">
						<a 	
							href="<?php echo $this->url(array('controller' => 'Pedido','action' => 'consultaritems'), null, true);?>"
							data-role="button"
							data-ajax="false"
			            	data-theme="e"   
			            	data-icon="star" >Consultar</a>
					</div>
					<div class="ui-block-b">
						<a 	data-role="button"
							id="botonGuardarPedido"
							data-theme="a"   
			            	data-icon="check" >Guardar</a>
					</div>
					<div class="ui-block-a">
						<a 	
							href="<?php echo $this->url(array('controller' => 'portafolio','action' => 'index'), null, true);?>"
							data-role="button"
							data-ajax="false"
			            	data-theme="b"   
			            	data-icon="star" >Portafolio</a>
					</div>
					<div class="ui-block-b">
						<a 	data-role="button"
							data-theme="b" 
			            	href="#popupProductosNuevos" 
			            	data-rel="dialog" 
			            	data-transition="pop"  
			            	data-icon="star" >Nuevos</a>
					</div>
					<div class="ui-block-a">
						<a 	data-role="button"
							data-theme="b" 
			            	href="#popupProductosAuditoria" 
			            	data-rel="dialog" 
			            	data-transition="pop"  
			            	data-icon="star" >Auditoria</a>
					</div>
					<div class="ui-block-b">
						<a 	data-role="button"
							data-theme="b" 
			            	href="#popupProductosPromociones" 
			            	data-rel="dialog" 
			            	data-transition="pop"  
			            	data-icon="star" >Promociones</a>
					</div>
        		</div>						
            </div>

            <div data-role="footer" id="pageFooter"  >
                <?php echo FOOTER;?>
            </div>            
</div>

<div data-role="page" id="popupProductos">

	<div data-role="header" data-theme="e">
		<h1>Productos</h1>
	</div>

	<div data-role="content" data-theme="d">		
		
	     <ul data-role="listview" data-theme="c" data-filter="true" id="listaArticulos">
	     <?php 
	         	foreach ($this->articulos as $articulo) {
		           	$ref = $this->url(array('controller' => 'Pedido', 'action' => 'index'), null, true);
					echo '<li>';
					echo '<a href="'.$ref.'" articulo="'.$articulo->id.'" >';
					echo '<h5>'.$articulo->id.' - '.$articulo->descripcion.'</h5>';
					echo '</a></li>';
		        }
	      ?>
	      </ul>		
	</div>

</div>

<div data-role="page" id="popupProductosNuevos">

	<div data-role="header" data-theme="e">
		<h1>Productos Nuevos</h1>
	</div>

	<div data-role="content" data-theme="d">		
		
	     <ul data-role="listview" data-theme="c" data-filter="true" id="listaArticulosNuevos">
	     <?php 
	     foreach ($this->nuevos as $articulo) {
		           	$ref = $this->url(array('controller' => 'Pedido', 'action' => 'index'), null, true);
					echo '<li>';
					echo '<a href="'.$ref.'" articulo="'.$articulo['id'].'" >';
					echo '<h5>'.$articulo['id'].' - '.$articulo['descripcion'].'</h5>';
					echo '</a></li>';
		        }
	      ?>
	      </ul>		
	</div>

</div>

<div data-role="page" id="popupProductosAuditoria">

	<div data-role="header" data-theme="e">
		<h1>Productos Auditoria</h1>
	</div>

	<div data-role="content" data-theme="d">		
		
	     <ul data-role="listview" data-theme="c" data-filter="true" id="listaArticulosAuditoria">
	     <?php 
	     foreach ($this->auditoria as $articulo) {
		           	$ref = $this->url(array('controller' => 'Pedido', 'action' => 'index'), null, true);
					echo '<li>';
					echo '<a href="'.$ref.'" articulo="'.$articulo['id'].'" >';
					echo '<h5>'.$articulo['id'].' - '.$articulo['descripcion'].'</h5>';
					echo '</a></li>';
		        }
	      ?>
	      </ul>		
	</div>

</div>

<div data-role="page" id="popupProductosPromociones">

	<div data-role="header" data-theme="e">
		<h1>Productos Promociones</h1>
	</div>

	<div data-role="content" data-theme="d">		
		
	     <ul data-role="listview" data-theme="c" data-filter="true" id="listaArticulosPromociones">
	     <?php 
	     foreach ($this->promociones as $articulo) {
		           	$ref = $this->url(array('controller' => 'Pedido', 'action' => 'index'), null, true);
					echo '<li>';
					echo '<a href="'.$ref.'" articulo="'.$articulo['id'].'" >';
					echo '<h5>'.$articulo['id'].' - '.$articulo['descripcion'].'</h5>';
					echo '</a></li>';
		        }
	      ?>
	      </ul>		
	</div>

</div>